<!DOCTYPE html>
<html>
<head>
	<meta charset = "utf-8" />
	<meta name = "viewport" content = "target-densitydpi=device-dpi,width=device-width,initial-scale=1.0,user-scalable=no" />
	<meta name = "apple-mobile-web-app-capable" content = "yes" />
	<meta name = "apple-mobile-web-app-status-bar-style" content = "black" />
	<title>Fresh Note</title>
	<link rel = "stylesheet" href = "../../css/jquery.mobile.css" />
	<link rel = "stylesheet" href = "../../css/function.css" />
	<link rel = "stylesheet" href = "../../css/style.css" />
	<script src = "../../js/jquery.js"></script>
	<script src = "../../js/function.js"></script>
	<script src = "../../js/jquery.mobile.js"></script>
	<!-- My Css -->
	<style>
	</style>
</head>
<body>
<div data-role = "page" class = "bx-page">
	<!--头部栏-->
	<div data-role = "header" class = "bx-header">
		<div class = "ui-btn-left bx-back-btn" data-rel = "back" data-direction = "reverse"></div>
		<h3 class = "bx-logo"></h3>
	</div>
	<!--主显示区，块状样式-->
	<div class = "bx-setting-main">
		<div class = "bx-setting-head">推送设置</div>
		<ul class = "bx-setting-list" data-role = "listview" data-inset = "true">
			<li>
				<a href = "#" data-transition = "slide">推送通知<span class = "ui-li-count bx-setting-switch-out">
					<div class = "bx-setting-switch" data-role = "fieldcontain">
						<select data-role = "slider" data-mini = "true">
							<option value = "off">
								Off
							</option>
							<option value = "on">
								On
							</option>
						</select>
					</div>
				</span></a>
			</li>
			<li>
				<a href = "#" data-transition = "slide">免打扰时间<span class = "ui-li-count">22:00-08:00</span></a>
			</li>
		</ul>

		<div class = "bx-setting-head">设备管理</div>
		<ul class = "bx-setting-list" data-role = "listview" data-inset = "true">
			<li>
				<a href = "#" data-transition = "slide">当前设备<span class = "ui-li-count">XiaoMi 1S</span></a>
			</li>
		</ul>

		<div class = "bx-setting-head">开发人员</div>
		<ul class = "bx-setting-list" data-role = "listview" data-inset = "true">
			<li>
				<a href = "#" data-transition = "slide">Yvonne Deng</a>
			</li>
		</ul>
	</div>

	<!--隐藏的A元素，用于预加载数据-->
	<a href = "index.html" data-prefetch class = "f-dn"></a>
	<!--在PAGE内部的执行脚本-->
	<script>
		$(".bx-back-btn").on("click", function(){
			window.history.back();
		});
	</script>
</div>
</body>
<!--
Author: Baoxu
Date:   13-4-22
Time:   上午9:59
-->
</html>